<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        div{
            font-size: 30px;
        }
        p{
            font-size: 2em; /* 60px */
        }
        span{
            font-size: 60px;
        }
    </style>
</head>
<body>
    <div>
       <p>郝刚你今天真帅，假的</p> 
    </div>
    <span>郝刚你今天真帅，假的</span>
</body>
</html>
<!-- 
    文本字体属性
        属性:font-size
        属性值:
            - 数值需要加单位的(web网页中常用的单位是px-像素),兼容(font-size:0)
            - 网页中文本大小的默认值是16px
            - 浏览器之间存在差异,网页中最小的字号是12px(可以设置更小)，尽量设置成偶数(12px 14px 16px)
            - 网页中除了px，还有其他几个单位(很少用，了解)
                - em 相对于父级单位计算
                - pt 硬件设备上 打印机 磅
                - rem 重要 移动端 相对于根元素计算 html 10rem html{font-size:1.6px}

 -->